html[theme="light"]:root {
    --footer-bg: rgba(0, 0, 0, 0.7);
    --footer-color: white;
    --footer-border: rgba(0, 255, 0, 0.7);
}

html[theme="dark"]:root {
    --footer-bg: rgba(0, 0, 0, 0.7);
    --footer-color: white;
    --footer-border: rgba(0, 0, 255, 0.7);
}

#footer {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    margin-top: 50px;
    margin-bottom: 0;
    min-height: 100px;
    overflow: hidden;
    align-items: center;
    background-color: var(--footer-bg);
    backdrop-filter: blur(2px);
    color: var(--footer-color);
    text-align: center;
    border: 0;
    border-top: 5px;
    border-color: var(--footer-border);
    border-style: solid;
}